<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">

<head>
	<meta charset="utf-8" />
	<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
	<title>六道购秒杀-正品秒杀！</title>
	<link rel="icon" href="http://seckill.ldg.com/static/seckill/img/favicon.ico">

	<!-- 引入样式 -->
	<link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">

	<link rel="stylesheet" type="text/css" href="http://seckill.ldg.com/static/seckill/css/all.css" />
	<link rel="stylesheet" type="text/css" href="http://seckill.ldg.com/static/seckill/css/pages-seckill-index.css" />

</head>

<body>
<!-- 头部栏位 -->
<!--页面顶部-->
<div id="nav-bottom">
	<!--顶部-->
	<div class="nav-top">
		<div class="top">
			<div class="py-container">
				<div class="shortcut">
					<ul class="fl">
						<li class="f-item">六道购欢迎您！</li>
						<li class="f-item">请
							<a href="login.html" target="_blank">登录</a>
							<span>
									<a href="register.html" target="_blank">免费注册</a>
								</span>
						</li>
					</ul>
					<div class="fr typelist">
						<ul class="types">
							<li class="f-item">
								<span>我的订单</span>
							</li>

							<li class="f-item">
									<span>
										<a href="cart.html" target="_blank">我的购物车</a>
									</span>
							</li>
							<li class="f-item">
									<span>
										<a href="home.html" target="_blank">我的六道购</a>
									</span>
							</li>
							<li class="f-item">
								<span>六道购会员</span>
							</li>
							<li class="f-item">
								<span>企业采购</span>
							</li>
							<li class="f-item">
								<span>关注六道购</span>
							</li>
							<li class="f-item">
									<span>
										<a href="cooperation.html" target="_blank">合作招商</a>
									</span>
							</li>
							<li class="f-item">
									<span>
										<a href="shoplogin.html" target="_blank">商家后台</a>
									</span>
							</li>
							<li class="f-item">
								<span>网站导航</span>></li>
						</ul>
					</div>

				</div>
			</div>
		</div>

		<!--头部-->
		<div class="header">
			<div class="py-container">
				<div class="yui3-g Logo">
					<div class="yui3-u Left logoArea">
						<a class="logo-bd" title="六道购" href="index.html" target="_blank"></a>
					</div>
					<div class="yui3-u Rit searchArea">
						<div class="search">
							<form action="" class="sui-form form-inline">
								<!--searchAutoComplete-->
								<div class="input-append">
									<label for="autocomplete"></label><input type="text" id="autocomplete" class="input-error input-xxlarge" />
									<button class="sui-btn btn-xlarge btn-danger" type="button">搜索</button>
								</div>
							</form>
						</div>
					</div>

				</div>

			</div>
		</div>
	</div>
</div>


<div class="py-container index">
	<!--banner-->
	<div class="banner">
		<img src="http://seckill.ldg.com/static/seckill/img/_/banner.png" class="img-responsive" alt="">
	</div>
	<!--秒杀时间-->
	<div class="sectime">
		<div th:class="${stat.index == 0 ? 'item-time active' : 'item-time'}" th:each="dt,stat : ${dateMenus}">
			<div class="time-clock">[[${#dates.hour(dt)}]]:00</div>
			<div class="time-state-on">
				<span class="on-text">限时秒杀中</span>
				<span class="on-over">距离结束：99:99:99</span>
			</div>
		</div>

	</div>
	<!--商品列表-->
	<div class="goods-list" id="app">
		<ul class="seckill" id="seckill">
			<li class="seckill-item" th:each="item : ${goodslist}" >
				<div class="pic">
					<img th:src="${item.smallPic}" alt='' width="120px" height="180px">
				</div>
				<div class="intro">
					<span>[[${item.title}]]</span>
				</div>
				<div class='price'>
					<b class='sec-price'>￥[[${item.costPrice}]]</b>
					<b class='ever-price'>￥[[${item.price}]]</b>
				</div>
				<div class='num'>
					<div>已售[[${(item.num-item.stockCount) * 100/item.num}]] %</div>
					<div class='progress'>
						<div class='sui-progress progress-danger'>
							<span style='width: 70%;' class='bar'></span>
						</div>
					</div>
					<div>剩余
						<b class='owned'>[[${item.stockCount}]]</b>件</div>
				</div>
				<a class='sui-btn btn-block btn-buy' th:href="'/findSeckillGoods/' + ${item.id}"
				   target='_blank'>立即抢购</a>
			</li>
		</ul>
	</div>
	<div class="cd-top">
		<div class="top">
			<img src="http://seckill.ldg.com/static/seckill/img/_/gotop.png"  alt=""/>
			<b>TOP</b>
		</div>
		<div class="code" id="code">
				<span>
					<img src="http://seckill.ldg.com/static/seckill/img/_/code.png"  alt=""/>
				</span>
		</div>
		<div class="erweima">
			<img src="http://seckill.ldg.com/static/seckill/img/_/erweima.jpg" alt="">
			<s></s>
		</div>
	</div>
</div>

<!--回到顶部-->

<!-- 底部栏位 -->
<!--页面底部-->
<div class="clearfix footer">
	<div class="py-container">
		<div class="footlink">
			<div class="Mod-service">
				<ul class="Mod-Service-list">
					<li class="grid-service-item intro  intro1">

						<i class="serivce-item fl"></i>
						<div class="service-text">
							<h4>正品保障</h4>
							<p>正品保障，提供发票</p>
						</div>

					</li>
					<li class="grid-service-item  intro intro2">

						<i class="serivce-item fl"></i>
						<div class="service-text">
							<h4>正品保障</h4>
							<p>正品保障，提供发票</p>
						</div>

					</li>
					<li class="grid-service-item intro  intro3">

						<i class="serivce-item fl"></i>
						<div class="service-text">
							<h4>正品保障</h4>
							<p>正品保障，提供发票</p>
						</div>

					</li>
					<li class="grid-service-item  intro intro4">

						<i class="serivce-item fl"></i>
						<div class="service-text">
							<h4>正品保障</h4>
							<p>正品保障，提供发票</p>
						</div>

					</li>
					<li class="grid-service-item intro intro5">

						<i class="serivce-item fl"></i>
						<div class="service-text">
							<h4>正品保障</h4>
							<p>正品保障，提供发票</p>
						</div>

					</li>
				</ul>
			</div>
			<div class="clearfix Mod-list">
				<div class="yui3-g">
					<div class="yui3-u-1-6">
						<h4>购物指南</h4>
						<ul class="unstyled">
							<li>购物流程</li>
							<li>会员介绍</li>
							<li>生活旅行/团购</li>
							<li>常见问题</li>
							<li>购物指南</li>
						</ul>

					</div>
					<div class="yui3-u-1-6">
						<h4>配送方式</h4>
						<ul class="unstyled">
							<li>上门自提</li>
							<li>211限时达</li>
							<li>配送服务查询</li>
							<li>配送费收取标准</li>
							<li>海外配送</li>
						</ul>
					</div>
					<div class="yui3-u-1-6">
						<h4>支付方式</h4>
						<ul class="unstyled">
							<li>货到付款</li>
							<li>在线支付</li>
							<li>分期付款</li>
							<li>邮局汇款</li>
							<li>公司转账</li>
						</ul>
					</div>
					<div class="yui3-u-1-6">
						<h4>售后服务</h4>
						<ul class="unstyled">
							<li>售后政策</li>
							<li>价格保护</li>
							<li>退款说明</li>
							<li>返修/退换货</li>
							<li>取消订单</li>
						</ul>
					</div>
					<div class="yui3-u-1-6">
						<h4>特色服务</h4>
						<ul class="unstyled">
							<li>夺宝岛</li>
							<li>DIY装机</li>
							<li>延保服务</li>
							<li>泽易购E卡</li>
							<li>泽易购通信</li>
						</ul>
					</div>
					<div class="yui3-u-1-6">
						<h4>帮助中心</h4>
						<img src="http://seckill.ldg.com/static/seckill/img/wx_cz.jpg" alt="">
					</div>
				</div>
			</div>
			<div class="Mod-copyright">
				<ul class="helpLink">
					<li>关于我们
						<span class="space"></span>
					</li>
					<li>联系我们
						<span class="space"></span>
					</li>
					<li>关于我们
						<span class="space"></span>
					</li>
					<li>商家入驻
						<span class="space"></span>
					</li>
					<li>营销中心
						<span class="space"></span>
					</li>
					<li>友情链接
						<span class="space"></span>
					</li>
					<li>关于我们
						<span class="space"></span>
					</li>
					<li>营销中心
						<span class="space"></span>
					</li>
					<li>友情链接
						<span class="space"></span>
					</li>
					<li>关于我们</li>
				</ul>
				<p>地址：深圳南山大冲国际</p>
			</div>
		</div>
	</div>
</div>
<!--页面底部END-->
<!-- 引入组件库 -->
<script src="https://cdn.jsdelivr.net/npm/vue@2.6.8/dist/vue.js"></script>
<script src="https://cdn.bootcss.com/element-ui/2.5.4/index.js"></script>
</body>
</html>
